<!DOCTYPE HTML>
<html>

<head>
    <title>勇敢，去尝试</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/study.css">
    
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- 可选的Bootstrap主题文件（一般不使用） -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
   
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
  
<body >

    <div id="top" class="container">
    	    <div id="top-0">
                 <span id="rj"></span>
                 <span id="sj"></span>
            </div>
    	    <div id="tl">T L 导 航</div>
            <div id="top-1">
		    <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#myModal">
            <span class="glyphicon glyphicon-music"></span> Music
		    </button>
		    </div>

		    <div id="top-2">
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
               <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;   </button>
                     <h4 class="modal-title" id="myModalLabel">Music</h4>
                    </div>
                    <div class="modal-body">
                     <audio src="music/Alan Walker - Fade.mp3" controls="controls"  loop="loop"><br>
                    </div>
                    <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div><!-- /.modal-content -->
               </div><!-- /.modal -->
            </div>	
	        </div>
    </div>
<!--  ======================================= 导航 ================================================= -->

    <div id="top1">
    
    	<button id="bt1" class="btn btn-lg"><a href="https://www.hao123.com/" target="_blank">hao123</a></button>
    	<button id="bt2" class="btn btn-lg"><a href="https://www.baidu.com/" target="_blank">百度</a></button>
    	<button id="bt3" class="btn btn-lg"><a href="http://yeah.qq.com/?q=hao" target="_blank">QQ导航</a></button>
    	<button id="bt4" class="btn btn-lg"><a href="https://hao.360.cn/?360safe" target="_blank">360导航</a></button>
    	<button id="bt5" class="btn btn-lg"><a href="https://www.2345.com/" target="_blank">2345</a></button>
    	<button id="bt6" class="btn btn-lg"><a href="https://123.sogou.com/" target="_blank">搜狗</a></button>
    	<button id="bt7" class="btn btn-lg"><a href="http://www.uc123.com/" target="_blank">UC</a></button>
    	<button id="bt8" class="btn btn-lg"><a href="http://site.ttxh.net/" target="_blank">ttxh</a></button>
    	<button id="bt9" class="btn btn-lg"><a href="http://www.t265.com/" target="_blank">t265</a></button>
    	<button id="bt10" class="btn btn-lg"><a class="a" href="http://www.faisco.com/" target="_blank">凡科</a></button>

    </div>
    <!--  ======================================= 新闻 ================================================= -->
    <div id="context">
    
	<div id="context-1">
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.people.com.cn/" target="_blank">
                 <text x="13" y="25" >人民网</text>
                 </a>
            </svg>
        </div>  
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.xinhuanet.com/" target="_blank">
                 <text x="13" y="25" >新华网</text>
                 </a>
            </svg>
        </div>
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.cctv.com/" target="_blank">
                 <text x="13" y="25" >央视网</text>
                 </a>
            </svg>
        </div>
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.china.com.cn/" target="_blank">
                 <text x="13" y="25" >中国网</text>
                 </a>
            </svg>
        </div>
        
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.gmw.cn/" target="_blank">
                 <text x="13" y="25" >光明网</text>
                 </a>
            </svg>
        </div>
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.cnr.cn/" target="_blank">
                 <text x="13" y="25" >央广网</text>
                 </a>
            </svg>
        </div>
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.qstheory.cn/" target="_blank">
                 <text x="13" y="25" >求是网</text>
                 </a>
            </svg>
        </div>
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.youth.cn/" target="_blank">
                 <text x="13" y="25" >青年网</text>
                 </a>
            </svg>
        </div>
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.cac.gov.cn/" target="_blank">
                 <text x="13" y="25" >网信网</text>
                 </a>
            </svg>
        </div> 
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.cri.cn/" target="_blank">
                 <text x="3" y="25" >国际在线</text>
                 </a>
            </svg>
        </div>
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.chinadaily.com.cn/" target="_blank">
                 <text x="3" y="25" >中国日报</text>
                 </a>
            </svg>
        </div>
        <div class="svg-wrapper">
            <svg height="50" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" >
                 <rect id="shape" height="40" width="80" />
                 <a xlink:href="http://www.ce.cn/" target="_blank">
                 <text x="3" y="25" >中国经济</text>
                 </a>
            </svg>
        </div> 
    </div>

    
    </div>
    <hr>	
    <!--  ======================================= 视频 ================================================= -->

    <div id="arder1">
    	 <a href="http://www.youku.com/" target="_blank"><img src="logo/youku.PNG" alt="优酷" ></a>
    	 <a href="http://www.tudou.com/" target="_blank"><img src="logo/tudou.PNG" alt="土豆" ></a>
    	 <a href="http://www.iqiyi.com/" target="_blank"><img src="logo/iqiyi.PNG" alt="爱奇艺" ></a>
    	 <a href="https://www.mgtv.com/" target="_blank"><img src="logo/mangguo.PNG" alt="芒果TV" ></a>
    	 <a href="https://v.qq.com/"     target="_blank"><img src="logo/tengxun.PNG" alt="腾讯视频" ></a>
    	 <a href="http://tv.sohu.com/"   target="_blank"><img src="logo/sohu.PNG" alt="搜狐视频" ></a>
    	 <a href="http://www.le.com/"    target="_blank"><img src="logo/letv.PNG" alt="乐视视频" ></a>
    	 <a href="http://video.baidu.com/" target="_blank"><img src="logo/baidu.PNG" alt="百度视频" ></a>
    	 <a href="https://www.bilibili.com/" target="_blank"><img src="logo/bilibili.PNG" alt="哔哩哔哩" ></a>
    	 <a href="http://www.baofeng.com/" target="_blank"><img src="logo/baofeng.PNG" alt="暴风影音" ></a>
    <br>
    <br>
    </div>
    
     <!--  ======================================= 音乐 ================================================= -->
         
    <div id="arder2">
    	<br>
    	 <div class="mis">
    	    <a href="http://www.kugou.com/" target="_blank">
    	    <img  src="logo/kg.jpg" alt="酷狗音乐" >
    	    </a></div>
    	 <div class="mis">
    	 	<a href="https://y.qq.com/" target="_blank">
    	 	<img  src="logo/qqm.jpg" alt="QQ音乐" >
    	    </a></div>
    	 <div class="mis">
    	 	<a href="http://music.163.com/" target="_blank">
    	 	<img  src="logo/wyy.jpg" alt="网易云音乐" >
    	    </a></div>
    	 <div class="mis">
    	 	<a href="http://music.baidu.com/" target="_blank">
    	 	<img  src="logo/bd.jpg" alt="百度音乐" >
    	    </a></div>
    	 <div class="mis">
    	 	<a href="http://www.xiami.com/" target="_blank">
    	 	<img  src="logo/xm.jpg" alt="虾米音乐" >
    	    </a></div>
    	 <div class="mis">
    	 	<a href="http://www.ximalaya.com/explore/" target="_blank">
    	 	<img  src="logo/xmly.jpg" alt="喜马拉雅FM" >
    	    </a></div>
    	 <div class="mis">
    	 	<a href="https://douban.fm/" target="_blank">
    	 	<img  src="logo/db.jpg" alt="豆瓣FM" >
    	    </a></div>
    	 <div class="mis">
    	 	<a href="http://www.yinyuetai.com/" target="_blank">
    	 	<img  src="logo/yyt.jpg" alt="音悦台MV" >
    	    </a></div>
    </div>
    
     <!--  ======================================= 直播 ================================================= -->
        
    <div id="arder3">
    	 <span class="an"><a href="http://www.huya.com/" target="_blank"><b>虎牙直播</b>
          <span class="line-left"></span><span class="line-right"></span>
    	 </a></span>
    	 <span class="an"><a href="https://www.douyu.com/" target="_blank"><b>斗鱼TV</b>
          <span class="line-left"></span><span class="line-right"></span>
    	 </a></span>
    	 <span class="an"><a href="http://www.longzhu.com/" target="_blank"><b>龙珠直播</b>
          <span class="line-left"></span><span class="line-right"></span>
    	 </a></span>
    	 <span class="an"><a href="https://www.panda.tv/" target="_blank"><b>熊猫直播</b>
          <span class="line-left"></span><span class="line-right"></span>
    	 </a></span>
    	 <span class="an"><a href="http://www.zhanqi.tv/" target="_blank"><b>战旗直播</b>
          <span class="line-left"></span><span class="line-right"></span>
    	 </a></span>
    	 <span class="an"><a href="http://www.yy.com/" target="_blank"><b>YY直播</b>
          <span class="line-left"></span><span class="line-right"></span>
    	 </a></span>
    </div>
    

    <!--  ======================================= 邮箱 ================================================= -->
    <div id="email" >
 	     <div class="yx yx-1"><div id="yx1"><a class="yy" href="https://mail.qq.com/cgi-bin/loginpage" target="_blank"><b>QQ邮箱</b></a>
         </div></div>
         <div class="yx yx-2"><div id="yx2"><a href="http://mail.163.com/" target="_blank"><b>163邮箱</b></a>
         </div></div>
         <div class="yx yx-3"><div id="yx3"><a href="http://www.126.com/" target="_blank"><b>126邮箱</b></a>
         </div></div>
         <div class="yx yx-4"><div id="yx4"><a href="http://mail.10086.cn/" target="_blank"><b>139邮箱</b></a>
         </div></div>
         <div class="yx yx-5"><div id="yx5"><a href="http://mail.sina.com.cn/" target="_blank"><b>新浪邮箱</b></a>
         </div></div>
         <div class="yx yx-6"><div id="yx6"><a href="https://mail.aliyun.com/" target="_blank"><b>阿里邮箱</b></a>
         </div></div>
         <div class="yx yx-7"><div id="yx7"><a href="https://outlook.live.com/owa/" target="_blank"><b>outlook</b></a>
         </div></div>
         <div id="wh" class="container" >
         	<button type="button" class="btn btn-primary" title="提示"  
			data-container="body" data-toggle="popover" data-placement="top" 
			data-content="可以按主键盘上的1~7数字看看">?
	       </button>
	     </div>
 	</div>
 	<br>
 	<hr>
     <!--  ======================================= 购物 ================================================= -->
    <div id="life1">
    	 <div><a href="https://www.taobao.com/" target="_blank"><img src="logo/taobao.jpg" alt="淘宝网"></a></div>
    	 <div><a href="https://www.tmall.com/" target="_blank"><img src="logo/tianmao.jpg" alt="天猫"></a></div>
    	 <div><a href="https://www.jd.com/" target="_blank"><img src="logo/jingdong.jpg" alt="京东"></a></div>
    	 <div><a href="https://www.suning.com/" target="_blank"><img src="logo/suning.jpg" alt="苏宁易购"></a></div>
    	 <div><a href="https://www.gome.com.cn/" target="_blank"><img src="logo/guomei.jpg" alt="国美"></a></div>
    	 <div><a href="http://www.vip.com/" target="_blank"><img src="logo/vip.gif" alt="唯品会"></a></div>
    	 
    </div> 
    <br>
    <hr>
     

     <!--  ======================================= 编程 ================================================= -->
    <div id="study">
    	<div id="studyl"><img src="logo/cry.gif"></div>
    	<div id="studyr">
    	    <div id="studyrt">
             <ul class="nav nav-tabs nav-justified">
             <li id="l1" class="active"><a id="ss1" href="##">在线工具</a></li>
	         <li id="l2"><a id="ss2" href="##">学习网站</a></li>
	         <li id="l3"><a id="ss3" href="##">线上教育</a></li>
	         <li id="l4"><a id="ss4" href="##">素材网</a></li>
	         <li id="l5"><a id="ss5" href="##">创意与设计</a></li>
	         <li class="dropdown">
		         <a class="dropdown-toggle" data-toggle="dropdown" href="##">other
			     <span class="caret"></span></a>
		        <ul class="dropdown-menu">
			    <li id="l6"><a id="ss6" href="##">业 界</a></li>
			    <li id="l7"><a id="ss7" href="##">交 流</a></li>
			    <li id="l8"><a id="ss8" href="##">查一查</a></li>
		        </ul>
	         </li>
             </ul>
            </div>
            <div id="studyrb">
              <div id="s1">
          	     <span><a href="http://tool.lu/" target="_blank"><b>在线工具</b></a></span>
          	     <span><a href="https://jsfiddle.net/" target="_blank"><b>JSFiddle</b></a></span>
          	     <span><a href="http://jsbin.com/?html,output" target="_blank"><b>JS bin</b></a></span>
          	     <span><a href="http://www.uupoop.com/" target="_blank"><b>Ps在线</b></a></span>
          	     <span><a href="https://color.adobe.com/zh/create/color-wheel/" target="_blank"><b>取色</b></a></span>
          	     <span><a href="http://www.runoob.com/tags/html-colorpicker.html" target="_blank"><b>拾色器</b></a></span>

               </div>

               <div id="s2">
               	<span><a href="http://www.w3school.com.cn/" target="_blank"><b>w3school</b></a></span>
               	<span><a href="http://www.w3cplus.com/" target="_blank"><b>w3cplus</b></a></span>
               	<span><a href="http://www.bootcss.com/" target="_blank"><b>bootstrap</b></a></span>
                <span><a href="https://isux.tencent.com/" target="_blank"><b>ISUX</b></a></span>
                <span><a href="http://www.oschina.net/" target="_blank"><b>开源中国<b></a></span>
              	<span><a href="https://www.cnblogs.com/" target="_blank"><b>博客园</b></a></span>
               	<span><a href="https://nodejs.org/en/" target="_blank"><b>Nodejs</b></a></span>
               	<span><a href="http://www.code123.cc/" target="_blank"><b>code 123</b></a></span>
               	<span><a href="http://www.csdn.net/" target="_blank"><b>CSDN</b></a></span>
               	<span><a href="http://cssdeck.com/" target="_blank"><b>cssdeck</b></a></span>
               	<span><a href="https://codepen.io/" target="_blank"><b>codepen</b></a></span>
               	<span><a href="https://github.com/" target="_blank"><b>GitHub</b></a></span>
          	
              </div>
              <div id="s3">
              	 <div class=""><a href="http://study.163.com/" target="_blank">
    	         <img  src="logo/wyykt.PNG" alt="网易云课堂" >
    	         </a></div>
    	         <div class=""><a href="https://ke.qq.com/" target="_blank">
    	         <img  src="logo/txkt.PNG" alt="腾讯课堂" >
    	         </a></div>
    	         <div class=""><a href="http://www.imooc.com/" target="_blank">
    	         <img  src="logo/mkw.PNG" alt="慕课网" >
    	         </a></div>
    	         <div class=""><a href="http://www.qfedu.com/?pinzhuan=biaoti" target="_blank">
    	         <img  src="logo/qfjx.PNG" alt="千峰教育" >
    	         </a></div>
    	         <div class=""><a href="http://www.jikexueyuan.com/" target="_blank">
    	         <img  src="logo/jkxy.PNG" alt="极客学院" >
    	         </a></div>
    	         <div class=""><a href="http://www.xuetangx.com/" target="_blank">
    	         <img  src="logo/xtzx.PNG" alt="学堂在线" >
    	         </a></div>
    	         <div class=""><a href="https://www.shiyanlou.com/" target="_blank">
    	         <img  src="logo/syl.PNG" alt="实验楼" >
    	         </a></div>
    	         <div class=""><a href="http://www.ycku.com/" target="_blank">
    	         <img  src="logo/webc.PNG" alt="瓢城Web俱乐部" >
    	         </a></div>
    	         <div class=""><a href="https://www.coursera.org/" target="_blank">
    	         <img  src="logo/couraera.PNG" alt="coursea" >
    	         </a></div>
    	         <div class=""><a href="https://www.udemy.com/" target="_blank">
    	         <img  src="logo/udemy.PNG" alt="udemy" >
    	         </a></div>
    	           	                	
              </div>
              <div id="s4">
              	 <div><span><a href="http://www.html5tricks.com/" target="_blank">HTML5T</a></span></div>
              	 <div><span><a href="http://www.iconfont.cn/" target="_blank">iconfont</a></span></div>
              	 <div><span><a href="http://www.17sucai.com/" target="_blank">17素材</a></span></div>
              	 <div><span><a href="https://www.helloweba.com/" target="_blank">helloweba</a></span></div>
              	 <div><span><a href="http://www.100sucai.com/" target="_blank">100素材</a></span></div>
              	 <div><span><a href="http://www.html-js.com/" target="_blank">前端乱炖</a></span></div>
              	 <div><span><a href="http://www.codeceo.com/" target="_blank">码农网</a></span></div>
              	 <div><span><a href="http://www.lanrenzhijia.com/" target="_blank">懒人之家</a></span></div>
              	 <div><span><a href="http://www.mycodes.net/" target="_blank">源码之家</a></span></div>
              	 <div><span><a href="http://www.yyyweb.com/" target="_blank">前端里</a></span></div>

              </div>
              <div id="s5">
                 <div><span><a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a></span></div>
                 <div><span><a href="http://588ku.com/?h=bd&sem=1" target="_blank">千图网</a> </span></div>
                 <div><span><a href="http://huaban.com/explore/huabanshiji/" target="_blank">花瓣市集</a></span></div>
                 <div><span><a href="http://www.zcool.com.cn/" target="_blank">站酷</a> </span></div>
                 <div><span><a href="https://www.behance.net/" target="_blank">behance</a> </span></div>
                 <div><span><a href="https://dribbble.com/" target="_blank">dribbble</a> </span></div>
                 <div><span><a href="http://tgideas.qq.com/" target="_blank">TG</a> </span></div>
                 <div><span><a href="http://www.shejidaren.com/" target="_blank">设计达人</a></span></div>
                 <div><span><a href="http://www.1diandian.net/" target="_blank">一点点</a></span></div>
                 <div><span><a href="http://www.doooor.com/" target="_blank">设计欣赏</a></span></div>
              </div>
              <div id="s6">
              	<div><span><a href="https://www.hupu.com/" target="_blank">虎扑</a></span></div>
              	<div><span><a href="https://jandan.net/" target="_blank">煎蛋</a></span></div>
              	<div><span><a href="http://36kr.com/" target="_blank">36kr</a> </span></div>
              	<div><span><a href="http://www.cnbeta.com/" target="_blank">cnbeta</a> </span></div>
              	<div><span><a href="http://www.donews.com/" target="_blank">donews</a> </span></div>
              	<div><span><a href="http://www.geekpark.net/" target="_blank">极客公园</a> </span></div>
              	<div><span><a href="http://www.jiemian.com/" target="_blank">界面</a> </span></div>
              	<div><span> <a href="http://www.woshipm.com/" target="_blank">人人产品</a> </span></div>
              	<div><span><a href="http://cdc.tencent.com/" target="_blank">cdc</a> </span></div>
              	<div><span><a href="http://www.proginn.com" target="_blank">程序员客栈</a></span></div>
          	    
              </div>
              <div id="s7">
              	<div><span><a href="https://www.v2ex.com/" target="_blank">v2ex</a> </span></div>
              	<div><span><a href="https://www.xda-developers.com/" target="_blank">xda</a></span></div>
              	<div><span><a href="http://www.cocoachina.com/" target="_blank">cocoa</a></span></div>
              	<div><span><a href="https://www.zhihu.com/" target="_blank">知乎</a></span></div>
              	<div><span><a href="https://www.douban.com/" target="_blank">豆瓣</a></span></div>
              	<div><span><a href="http://www.guokr.com/" target="_blank">果壳网</a></a></span></div>
              	<div><span><a href="http://www.oschina.net/" target="_blank">开源中国</a></a></span></div>
              	<div><span><a href="http://www.html5dw.com/" target="_blank">h5梦工厂</a></a></span></div>
              	<div><span><a href="http://www.iteye.com/ " target="_blank">iteye</a></a></span></div>
              	<div><span><a href="http://www.qdfuns.com/" target="_blank">前端网</a></span></div>
          	   
              </div>
              <div id="s8">
              	<div><span><a href="https://tieba.baidu.com/index.html" target="_blank">百度贴吧</a></span></div>
              	<div><span><a href="https://jingyan.baidu.com/" target="_blank">百度经验</a> </span></div>
              	<div><span><a href="https://wenku.baidu.com/" target="_blank">百度文库</a></span></div>
              	<div><span><a href="https://www.wikipedia.org/" target="_blank">Wikipedia</a></span></div>
              	<div><span><a href="http://www.ip138.com/" target="_blank">查IP</a></span></div>
          	
              </div>
            </div>
        </div>
    </div>
                   
		
     <hr>
<!--  ======================================= 编程2 ================================================================================= -->  
    <div id="program">
    	 <button class="bom A"><a href="http://www.linuxdown.net/" target="_blank">Linux下载站</a></button>
    	 <button class="bom B"><a href="http://www.linuxidc.com/" target="_blank">Linux公社</a></button>
    	 <button class="bom C"><a href="https://www.linux.org/" target="_blank">Linux</a></button>
    	 <button class="bom D"><a href="https://linux.cn/" target="_blank">Linux中国社区</a></button>
    	 <button class="bom E"><a href="http://www.htmleaf.com/" target="_blank">jq之家</a></button>
    	 <button class="bom A"><a href="https://www.eclipse.org" target="_blank">Eclipse</a></button>
	     <button class="bom C"><a href="http://jquery.com/" target="_blank">JQ</a> </button>
	     <button class="bom D"><a href="https://www.python.org/" target="_blank">Python</a></button>
	     <button class="bom A"><a href="https://www.mysql.com/" target="_blank">My SQL</a></button>
  	   	 <button class="bom E"><a href="http://www.jq22.com/" target="_blank">jq插件库</a></button>
    	 <button class="bom C"><a href="http://jquery.cuishifeng.cn" target="_blank">jq api</a></button>
    	 <button class="bom B"><a href="https://getbootstrap.com/css/" target="_blank">Css.Bootstrap</a></button>
		 <button class="bom D"><a href="http://www.bootcss.com//" target="_blank">Bootstrap中文</a></button>
		 <button class="bom A"><a href="https://www.oracle.com/index.html" target="_blank">oracle</a></button>
		 <button class="bom C"><a href="https://unity3d.com/cn/" target="_blank">Unity</a></button>
		 <button class="bom E"><a href="http://www.apache.org/" target="_blank">Apach基金会</a></button>
		 <button class="bom D"><a href="http://www.android-doc.com/sdk/" target="_blank">Android SDK</a></button>
		 <button class="bom B"><a href="https://code.visualstudio.com/" target="_blank">vs code</a></button>
		 <button class="bom E"><a href="http://www.android-studio.org/" target="_blank">AndroidStudio</a></button>
		 <button class="bom A"><a href="http://www.sublimetext.com/" target="_blank">Submit</a></button>
		 <button class="bom E"><a href="https://docs.emmet.io/" target="_blank">Emmet</a></button>
    </div> 
    <hr>
         
    <div id="qiye" >
         <div class="qy qy1">
    	 <a href="http://www.qq.com/" target="_blank">腾讯</a>
		 <a href="http://www.163.com/" target="_blank">网易</a>
		 <a href="http://www.sina.com.cn/" target="_blank">新浪</a>
		 <a href="http://www.sohu.com/" target="_blank">搜狐</a>
		 <a href="https://wx.qq.com/" target="_blank">微信网页版</a>
		 <a href="https://www.alipay.com/" target="_blank">支付宝</a>
		 
		 </div>
		 <div class="qy qy2">
		 <a href="http://www.10086.cn/gx/index_771_773.html" target="_blank">移动</a>
		 <a href="http://www.10010.com/gx/" target="_blank">联通</a>
		 <a href="http://www.189.cn/" target="_blank">电信</a>
		 <a href="http://www.ctrip.com/" target="_blank">携程</a>
		 <a href="http://gl.58.com/" target="_blank">58同城</a>
		 <a href="http://www.12306.cn/mormhweb/" target="_blank">12306</a>
		 </div>
		 <div class="qy qy3" >
		 <a href="https://www.apple.com/cn/" target="_blank">苹果</a>
		 <a href="https://www.vmall.com/" target="_blank">华为</a>
		 <a href="https://www.mi.com/index.html" target="_blank">小米</a>
		 <a href="https://www.oppo.com/cn/" target="_blank">oppo</a>
		 <a href="http://www.vivo.com.cn/" target="_blank">vivo</a>
		 <a href="https://www.meizu.com/" target="_blank">魅族</a>
		 <a href="http://www.nubia.com/index.php" target="_blank">努比亚</a>
		 <a href="http://www.samsung.com/cn/" target="_blank">samsung</a>
		 <a href="http://www.oneplus.cn/" target="_blank">1+</a>
		 <a href="http://www.smartisan.com/#/" target="_blank">锤子</a>
		 <a href="http://www.htc.com/cn/" target="_blank">HTC</a>
		 <a href="http://www.coolpad.com/index.html" target="_blank">酷派</a>
		 </div>
		 <div class="qy qy4" >
		 <a href="https://www.microsoft.com/zh-cn/" target="_blank">微软</a>
		 <a href="http://www.asus.com.cn/" target="_blank">华硕</a>
		 <a href="http://touch.acer.com.cn/" target="_blank">acer</a>
		 <a href="https://www.lenovo.com.cn/" target="_blank">联想</a>
		 <a href="http://www.hasee.com/chinese/index.aspx" target="_blank">神舟</a>
		 <a href="https://www.apple.com/" target="_blank">苹果</a>
         </div>
		 <div class="qy qy5">
		 <a href="http://www.xitongzhijia.net/" target="_blank">系统之家</a>
		 <a href="https://www.ithome.com/" target="_blank">IT之家</a>
		 <a href="http://www.vr.cn/" target="_blank">VR之家</a>
		 <a href="http://office.jb51.net/" target="_blank">office之家</a>
		 <a href="http://www.autohome.com.cn/beijing/" target="_blank">汽车之家</a>
		 <a href="http://product.imobile.com.cn/" target="_blank">手机之家</a>
		 </div>
		 <div class="qy qy6">
		 <a href="http://weibo.com/" target="_blank">微博</a>
		 <a href="http://blog.sina.com.cn/" target="_blank">x新浪博客</a>
		 <a href="http://blog.163.com/" target="_blank">网易博客</a>
		 <a href="http://blog.sohu.com/" target="_blank">搜狐博客</a>
		 <a href="https://qzone.qq.com/" target="_blank">QQ空间</a>
		 <a href="http://hi.baidu.com/" target="_blank">百度Hi</a>
		 </div>
		 <div class="qy qy7">
		 <a href="https://www.weiyun.com/" target="_blank">微云</a>
		 <a href="https://pan.baidu.com/" target="_blank">百度网盘</a>  
		 <a href="http://wp.163.com/filehub/login.jsp" target="_blank">网易云盘</a>
		 <a href="https://eyun.360.cn/" target="_blank">360云盘</a>
		 <a href="hhttps://cloud.baidu.com/" target="_blank">百度云</a>
		 <a href="https://cloud.tencent.com/" target="_blank">腾讯云</a>
		 <a href="https://www.163yun.com/" target="_blank">网易云</a>
		 <a href="https://www.aliyun.com/" target="_blank">阿里云</a>
		 <a href="https://www.jcloud.com/index" target="_blank">京东云</a>
		 <a href="http://domain.nealmi.com/" target="_blank">小米云</a>
		 <a href="http://www.huaweicloud.com/" target="_blank">华为云</a>
		 <a href="http://www.xinnet.com/" target="_blank">新网</a>
		 </div>
   
    </div>     
      	 
    	 <a href="" target="_blank"></a>
    	 <a href="" target="_blank"></a>
    	 <a href="" target="_blank"></a>
    	 <a href="" target="_blank"></a>
    	 <a href="" target="_blank"></a>
    <br>
    <hr>
    <br>


<div id="rtop"><a href="#top" target="_self"><img src="logo/rtop.jpg" alt="返回顶部"></a></div>

<script type="text/javascript">
	
</script>

</body>
<footer>
	<p>
		初学编程，还请各位前辈多多指教<br>
		下个版本：响应式布局和空间优化<br>
		建议使用谷歌浏览器打开<br>
		联系我：htlprofession@163.com
	</p>
</footer>

</html>